$(function(){
    $("#sp").mouseover(function(){
        $("#lbq").css("display","block")
    })
    $("#cat").mouseover(function(){
        $("#lbq").css("display","none")
    })


    $("#po").mouseover(function(){
        $("#jtnro").css("display","block")
        $("#po").css("backgroundColor","white")
        $("#po").css("border","1px solid #e74085")
        $("#po").css("borderLeft","1px solid white")

    })
    $("#po").mouseout(function(){
        $("#jtnro").css("display","none")
        $("#po").css("backgroundColor","#f5f5f5")
        $("#po").css("border","none")
        $("#po").css("borderBottom","1px dashed black")
    })
    $("#jtnro").mousemove(function(){
        $("#jtnro").css("display","block")
        $("#po").css("backgroundColor","white")
        $("#po").css("border","1px solid #e74085")
        $("#po").css("borderLeft","1px solid white")
      
    })
    $("#jtnro").mouseout(function(){
        $("#jtnro").css("display","none")
        $("#po").css("backgroundColor","#f5f5f5")
        $("#po").css("border","none")
        $("#po").css("borderBottom","1px dashed black")
    })

    
    $("#pt").mouseover(function(){
        $("#jtnro").css("display","block")
        $("#pt").css("backgroundColor","white")
        $("#pt").css("border","1px solid #e74085")
        $("#pt").css("borderLeft","1px solid white")

    })
    $("#pt").mouseout(function(){
        $("#jtnro").css("display","none")
        $("#pt").css("backgroundColor","#f5f5f5")
        $("#pt").css("border","none")
        $("#pt").css("borderBottom","1px dashed black")
    })

    $("#ptt").mouseover(function(){
        $("#jtnro").css("display","block")
        $("#ptt").css("backgroundColor","white")
        $("#ptt").css("border","1px solid #e74085")
        $("#ptt").css("borderLeft","1px solid white")

    })
    $("#ptt").mouseout(function(){
        $("#jtnro").css("display","none")
        $("#ptt").css("backgroundColor","#f5f5f5")
        $("#ptt").css("border","none")
        $("#ptt").css("borderBottom","1px dashed black")
    })

    $("#pf").mouseover(function(){
        $("#jtnro").css("display","block")
        $("#pf").css("backgroundColor","white")
        $("#pf").css("border","1px solid #e74085")
        $("#pf").css("borderLeft","1px solid white")

    })
    $("#pf").mouseout(function(){
        $("#jtnro").css("display","none")
        $("#pf").css("backgroundColor","#f5f5f5")
        $("#pf").css("border","none")
        $("#pf").css("borderBottom","1px dashed black")
    })

    $("#pfi").mouseover(function(){
        $("#jtnro").css("display","block")
        $("#pfi").css("backgroundColor","white")
        $("#pfi").css("border","1px solid #e74085")
        $("#pfi").css("borderLeft","1px solid white")

    })
    $("#pfi").mouseout(function(){
        $("#jtnro").css("display","none")
        $("#pfi").css("backgroundColor","#f5f5f5")
        $("#pfi").css("border","none")
        $("#pfi").css("borderBottom","1px dashed black")
    })
    $("#rm").mouseover(function(){
        $("#rm").css("border","1px solid #e74085")
        $("#rm").css("borderBottom","none") 
        $("#conentrxt").css("display","none")
    })
    $("#rm").mouseout(function(){
        $("#rm").css("backgroundColor","white")
        $("#rm").css("border","1px solid black")
    })

    $("#gtsl").mouseover(function(){
        $("#gtsl").css("border","1px solid #e74085")
        $("#gtsl").css("borderBottom","none")
        $("#conentrxt").css("display","block")
       
    })
    $("#gtsl").mouseout(function(){
        $("#gtsl").css("backgroundColor","white")
        $("#gtsl").css("border","1px solid black")
    })

    $("#mwdx").mouseover(function(){
        $("#mwdx").css("border","1px solid #e74085")
        $("#mwdx").css("borderBottom","none") 
    })
    $("#mwdx").mouseout(function(){
        $("#mwdx").css("backgroundColor","white")
        $("#mwdx").css("border","1px solid black")
       
    })
    
    $("#mz").mouseover(function(){
        $("#come").css("display","block")
    })
    $("#come").mouseover(function(){
        $("#come").css("display","block")
    })
    $("#come").mouseout(function(){
        $("#come").css("display","none")
    })
    $("#come").mouseout(function(){
        $("#come").css("display","none")
    })
   
    var denglu = document.getElementById("denglu");
    var zhuc = document.getElementById("zhuc");
    var wmy = document.getElementById("wmy");
    var tc = document.getElementById("tc");
    console.log(wmy);
    var _data = localStorage.getItem("data",_data);
    console.log(_data);
    if(localStorage.getItem("data")!= null){
        _data = _data.split(",");
        console.log(_data);
        console.log(_data[1]);
        denglu.innerText = _data[1];
        zhuc.style.display = "none";
        denglu.style.color = "red";
        wmy.innerText = "欢迎回来，"+_data[1];
        tc.innerText =" 退出";
        //localStorage.removeItem("data");
        tc.onclick = function(){
            localStorage.removeItem("data");
            wmy.innerText = "您还没有登录，请先登录";
            $("#come").click(function(){
                window.location.href = "zhuce.html";
            })
        }
    
    }else{
        alert("请先登录");
        wmy.innerText = "您还没有登录，请先登录";
        $("#come").click(function(){
            window.location.href = "zhuce.html";
        })
    }

   
})
